<template>
	<div id="safety">

	<my-header :mmm='msg'></my-header>

	<div id="safety_one">
		<div class="safety_div">账户安全等级： <span>中</span><p></p></div>
		<p class="safety_p">建议您启动启动全部安全设置，以保障账户及资金的安全。</p>
	</div>
	<div class="safety_hr"></div>
	<div class="safety_hr2"></div>
	<div id="safety_password">
		<div><p>登录密码</p><p>*建议定期更换密码保证账户安全。</p></div>
		<img src="/static/imgm/img8/sa.jpg">
	</div>
	<div class="safety_hr3"></div>
	<div id="safety_xiu">
		<div><p>修改绑定手机</p><p>*已绑定手机 ： 173····6787。</p></div>
		<img src="/static/imgm/img8/sa.jpg">
	</div>
	<div class="safety_hr4"></div>
	<div id="safety_passfor">
		<div><p>支付密码 <span>尚未设置</span></p><p>*使用虚拟资产需验证支付密码，保证资产安全。<br/>
		&nbsp;&nbsp;设置支付密码前，手机必须通过验证</p></div>
		<img src="/static/imgm/img8/sa.jpg">
	</div>
	<div class="safety_hr5"></div>
	<div class="safety_foot">
		<h3>常见问题</h3>
		<img src="/static/imgm/img8/sa.jpg"/>
	</div>
	<div class="safety_empty"></div>
</div>
</template>

<script>
	import myHeader from './Header'
	export default{
		data(){
			return {
				msg:'安全中心'
			}
		},
		components : {
			myHeader
		}
	}
</script>

<style scoped>
#safety{
	display: flex;
	flex-direction: column;
	width: 100%;
}
#safety_head{
	background: rgb(229,56,59); 
	height: 1rem;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	line-height: 1rem;
	font-size: .5rem;
	display: flex;
	justify-content: space-between;
	padding: 0 .3rem;
	color: #fff;
	z-index: 10;
}
/*#safety_head a:first-child{
	display: inline-block;
	margin-top: .2rem;
}
#safety_head a:first-child img{
	width: 0.95rem;
	height: 0.944rem;
}
#safety_head span{
	color: #fcefef;
	font-weight: bold;
	font-size: 0.45rem;
}
#safety_head a:last-child{
	margin-right:0.328rem;
}
#safety_head a:last-child img{
	width:0.406rem;
	height: 0.375rem; 
}*/
/*head结束*/
#safety{
	margin-top: 1rem;
}
#safety_one{
	width: 100%;
	height: 160px;
	background: #fff;
}
#safety_one .safety_div{
	width: 550px;
	height: 65px;
	line-height: 65px;
	font-size: 26px;
	color: #252525;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 4%;
}
#safety_one .safety_div span{
	color:#ffff4c; 
}
#safety_one .safety_div p{
	width: 300px;
	height: 38px;
	display: inline-block;
	border-radius: 50px;;
	background: url("/static/imgm/img8/bgIcon.jpg") no-repeat 0 1px;
	background-size: 100%;
	border: 1px solid #b9b9b9;

}
#safety_one .safety_p{
	color: #292929;
	width: 100%;
	height: 65px;
	line-height: 65px;
	font-size: 26px;
	margin-left: 4%;
}
/*账户安全结束*/
#safety .safety_hr{
	width: 90%;
	height: 2px ;
	background: #e3e3e3;
	margin: 0 auto;
	margin-top: -10px;
}

#safety .safety_hr2{
	width: 100%;
	height: 34px;
	background: #fff;
}
/*第二层结束*/
#safety_password{
	width: 100%;
	height:130px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#safety_password p:nth-child(1){
color: #282828;
font-size: 30px;
font-family: "微软雅黑";
text-indent: 22px;
}
#safety_password p:nth-child(2){
	color: #787878;
	font-size: 28px;
	margin-top: 12px;
	text-indent: 22px;
}
#safety_password img{
	width: 40px;
	height: 40px;
	margin-right: 12px;
}
/*登录密码部分结束*/
#safety .safety_hr3{
	width: 100%;
	height: 17px;
	background: #fff;
}
#safety_xiu{
	width: 100%;
	height:130px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#safety_xiu p:nth-child(1){
color: #282828;
font-size: 30px;
font-family: "微软雅黑";
text-indent: 22px;
}
#safety_xiu p:nth-child(2){
	color: #787878;
	font-size: 28px;
	margin-top: 12px;
	text-indent: 22px;
}
#safety_xiu img{
	width: 40px;
	height: 40px;
	margin-right: 12px;
}
/*修改手机结束*/
#safety .safety_hr4{
	width: 100%;
	height: 17px;
	background: #fff;
}
#safety_passfor{
	width: 100%;
	height:180px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#safety_passfor p:nth-child(1){
color: #282828;
font-size: 30px;
font-family: "微软雅黑";
text-indent: 23px;
}
#safety_passfor p:nth-child(2){
	color: #787878;
	font-size: 28px;
	margin-top: 12px;
	text-indent: 23px;
}
#safety_passfor img{
	width: 40px;
	height: 40px;
	margin-right: 12px;
}
#safety_passfor span{
	color: red;
	font-size: 27px;
}
#safety .safety_hr5{
	width: 100%;
	height: 37px;
	background: #fff;
}
#safety .safety_foot{
	width: 100%;
	height: 85px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#safety .safety_foot h3{
	margin-left: 12px;
}
#safety .safety_foot img{
	width: 40px;
	height: 40px;
	margin-right: 12px;
}
/*常见问题结束*/
#safety .safety_empty{
	width: 100%;
	height: 600px;
	background: #fff;
}
</style>